<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
	</head>
	<style type="text/css">
		
		#huifu{
			position: absolute;
			top: 92%;
			width: 83%;
		}
		#btn{
			position: absolute;
			top: 92.5%;
			right: 10px;
		}
		.p1{
			position: relative;
			left: 90%;
			
		}
		.mui-ellipsis{
			width: 290px;
		}
		.answer{
			position: relative;
			left: 300px;
			bottom: 20px;
		}
		.mui-content{
			margin-left: 10px;
			margin-right: 10px;
		}
		#ul>li>a{
			display: none;
		}
		#ul>li:hover>a{
			display: block;
		}
	</style>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">留言详情</h1>
		</header>
		<div class="mui-content">
		    <ul class="mui-table-view" id="ul">
		    <li class="mui-table-view-cell mui-media">
		        
		            <img class="mui-media-object mui-pull-left" src="http://placehold.it/40x30">
		            <div class="mui-media-body">
		                用户1
		              <p class="p1">时间</p>
		            </div>
		            <br />
		
		          
		        <p class="mui-ellipsis">留言本怎么做</p>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        
		            <img class="mui-media-object mui-pull-left" src="http://placehold.it/40x30">
		            <div class="mui-media-body">
		                用户2
		            <p class="p1">2楼</p>
		            <p class="p1">时间</p>
		            </div>
		            <br />
		           
		           
		        <p class="mui-ellipsis">想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
		        <a href="" class="answer">回复</a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        
		            <img class="mui-media-object mui-pull-left" src="http://placehold.it/40x30">
		            <div class="mui-media-body">
		                用户3
		            <p class="p1">3楼</p>
		            <p class="p1">时间</p>
		            </div>
		            <br />
		      
		         
		        <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
		        <a href="" class="answer">回复</a>
		    </li>
		</ul>
		</div>
		<input type="text" name="huifu" id="huifu" value="" placeholder="说说你的看法..."/>
		<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined" id="btn">回复</button>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init(
				var backButtonPress = 0;
					$.back = function(event) {
						$.openWindow({
							url: 'index(login).html',
							id: 'index(login).html',
							preload: true,
							show: {
								aniShow: 'pop-in'
							},
							styles: {
								popGesture: 'hide'
							},
							waiting: {
								autoShow: false
							}
						});
				});
			)
		</script>
	</body>

</html>